.row {
    padding-top: 5px;
    padding-bottom: 5px;
}

.today {
    color: lightskyblue;
}

.date-clickable {
    cursor: pointer;
}
.date-disabled {
    color: lightgray;
    cursor: not-allowed;
}

.serve-day.active {
    background-color: limegreen;
}
.serve-day {
    color: white;
    font-weight: bold;
    background-color: lightgray;
}
.serve-day > * {
    color: white;
    font-weight: bold;
}


.month.circle {
    width: 40px;
    height: 40px;
    background: darkgray;
    color: white;
    font-weight: bold;
    border: 2px #7d7d7d solid;
    border-radius: 25px;
    align-items: center;
    justify-content: center;
    display: -webkit-flex
}

.month.filled-circle {
    background: limegreen;
}
.month.cur-month {
    border-color: red;
}